// --------------------------------------------------------------------------------------------------------------------
// General layout rules
// --------------------------------------------------------------------------------------------------------------------

@import "../abstracts/mixins";

.layoutElement_leaf {
    @include padding-gutter(0);
}

body > .layoutElement {
    @include media-breakpoint-only(xs) {
        padding: 0 calc(var(--page-margin-x-small) - var(--gutter-x-small));
    }

    @include media-breakpoint-only(sm) {
        padding: 0 calc(var(--page-margin-small) - var(--gutter-small));
    }

    @include media-breakpoint-only(md) {
        padding: 0 calc(var(--page-margin-medium) - var(--gutter-medium));
    }

    @include media-breakpoint-only(lg) {
        padding: 0 calc(var(--page-margin-large) - var(--gutter-large));
    }

    @include media-breakpoint-only(xl) {
        padding: 0 calc(var(--page-margin-x-large) - var(--gutter-x-large));
    }

    @include media-breakpoint-up(xxl) {
        padding: 0 calc(var(--page-margin-xx-large) - var(--gutter-xx-large));
    }
}
